<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'ZY_JiaTuoXinCai_0',
'ZY_ZhongWen_1',
'ZY_2_2',
'nglis_3',
'ZY_BingChengGongJiangJingShen_4',
'ZY_TiGongQuanFangWeiQing_5',
'ZY_XinXingGaoQiangXiTu_6',
'ZY_FuHeBan_7',
'ZY_FuHeBan_8',
'ZY_JuYouGaoQiangQing_9',
'img_10',
'ZY_FuShouGan_11',
'ZY_FuShouGan_12',
'ZY_CaiYong_13',
'img_14',
'ZY_XingLiJia_15',
'ZY_XingLiJia_16',
'ZY_ShiYong_17',
'img_18',
'ZY_FuHeBan_19',
'ZY_FuShouGan_20',
'ZY_XingLiJia_21',
'ZY_FangZhuangLiang_22',
'ZY_FangZhuangLiang_23',
'ZY_KangLa_24',
'img_25',
'ZY_XinNengYuanQiCheDian_26',
'ZY_XinNengYuanQiCheDian_27',
'ZY_JuYouYouLiangDeNai_28',
'img_29',
'ZY_QiCheMengPi_30',
'ZY_QiCheMengPi_31',
'ZY_KangLa_32',
'img_33',
'ZY_QiCheJieGouJian_34',
'ZY_QiCheJieGouJian_35',
'ZY_KeJiYaFuZaKong_36',
'img_37',
'ZY_FangZhuangLiang_38',
'ZY_XinNengYuanQiCheTuo_39',
'ZY_QiCheMengPi_40',
'ZY_QiCheJieGouJian_41',
'ZY_ShouJiZhongKuang_42',
'ZY_ShouJiZhongKuang_43',
'ZY_KangLa_44',
'img_45',
'ZY_DianNaoDianBan_46',
'ZY_DianNaoDianBan_47',
'ZY_ChanPinGengJiaQingBo_48',
'img_49',
'ZY_XiangJi_50',
'ZY_XiangJi_51',
'ZY_YouLiangDeZheSeHe_52',
'img_53',
'ZY_WanBiao_54',
'ZY_WanBiao_55',
'ZY_KeYaZhuHuoJiYa_56',
'img_57',
'ZY_ShouJiZhongKuang_58',
'ZY_DianNaoDianBan_59',
'ZY_XiangJi_60',
'ZY_WanBiao_61',
'ZY_ChuanJianXingYe_62',
'ZY_XinXingXiTuLvHe_63',
'img_64',
'img_65',
'ZY_ShiYouXingYe_66',
'ZY_ZhuYaoYingYongYuShi_67',
'img_68',
'img_69',
'ZY_YunDongXingYe_70',
'ZY_ZhuYaoYingYongYuGao_71',
'img_72',
'img_73',
'ZY_ChuanJianXingYe_74',
'ZY_ShiYouXingYe_75',
'ZY_YunDongXingYe_76',
'ZY_XinXingGaoQiangXiTu_77',
'ZY_GaoBiQiangDu_78',
'ZY_JiaGongXingNeng_79',
'ZY_MiDu_80',
'ZY_JiYaXiShu_81',
'ZY_HanJieXiShu_82',
'ZY_ZheSeXingNeng_83',
'ZY_HanJieXiShu_84',
'ZY_YangJiYangHuaWei_85',
'ZY_NaiFuShiXing_86',
'ZY_JingJianFuShiJi_87',
'img_75754326',
'ZY_DianHua_79',
'img_178293374',
'ZY_YouXiang_81',
'img_617616386',
'ZY_DiZhiZhangShaShi_83',
'ZY_JiaTuoKeJiFaZhan_84',
'img_88',
'ZY_JiaTuoXinCai_0',
'ZY_ShouYe_1_en',
'ZY_XingYeYingYong_2_en',
'ZY_LianXiWoMen_3_en',
'ZY_ZhongWen_4',
'ZY_5_5',
'nglis_6',
'ZY_BingChengGongJiangJingShen_7_en',
'ZY_TiGongQuanFangWeiQing_8_en',
'ZY_XinXingGaoQiangXiTu_9_en',
'ZY_FuHeBan_10',
'ZY_JuYouGaoQiangQing_11',
'img_16084167',
'ZY_FuShouGan_13',
'ZY_CaiYong_14',
'img_90649703',
'ZY_XingLiJia_16',
'ZY_ShiYong_17',
'img_510995829',
'ZY_FuHeBan_19',
'ZY_FuShouGan_20',
'ZY_XingLiJia_21',
'ZY_FangZhuangLiang_22',
'ZY_KangLa_23',
'img_738596954',
'ZY_XinNengYuanQiCheDian_25',
'ZY_JuYouYouLiangDeNai_26',
'img_196477407',
'ZY_QiCheMengPi_28',
'ZY_KangLa_29',
'img_78509133',
'ZY_QiCheJieGouJian_31',
'ZY_KeJiYaFuZaKong_32',
'img_606001900',
'ZY_FangZhuangLiang_34',
'ZY_XinNengYuanQiCheTuo_35',
'ZY_QiCheMengPi_36',
'ZY_QiCheJieGouJian_37',
'ZY_ChuanJianXingYe_38',
'ZY_XinXingXiTuLvHe_39',
'img_889415200',
'img_496927541',
'ZY_ShiYouXingYe_42',
'ZY_ZhuYaoYingYongYuShi_43',
'img_842576728',
'img_368383162',
'ZY_YunDongXingYe_46',
'ZY_ZhuYaoYingYongYuGao_47',
'img_230750779',
'img_849931629',
'ZY_ChuanJianXingYe_50',
'ZY_ShiYouXingYe_51',
'ZY_YunDongXingYe_52',
'ZY_ShouJiZhongKuang_53',
'ZY_KangLa_54',
'img_800844411',
'ZY_DianNaoDianBan_56',
'ZY_ChanPinGengJiaQingBo_57',
'img_381646189',
'ZY_XiangJi_59',
'ZY_YouLiangDeZheSeHe_60',
'img_384532830',
'ZY_WanBiao_62',
'ZY_KeYaZhuHuoJiYa_63',
'img_220808739',
'ZY_ShouJiZhongKuang_65',
'ZY_DianNaoDianBan_66',
'ZY_XiangJi_67',
'ZY_WanBiao_68',
'ZY_XinXingGaoQiangXiTu_69_en',
'ZY_GaoBiQiangDu_70_en',
'ZY_JiaGongXingNeng_71_en',
'ZY_MiDu_72_en',
'ZY_JiYaXiShu_73_en',
'ZY_HanJieXiShu_74_en',
'ZY_ZheSeXingNeng_75_en',
'ZY_HanJieXiShu_76_en',
'ZY_YangJiYangHuaWei_77_en',
'img_75754326',
'ZY_DianHua_79_en',
'img_178293374',
'ZY_YouXiang_81_en',
'img_617616386',
'ZY_DiZhiZhangShaShi_83_en',
'ZY_JiaTuoKeJiFaZhan_84_en',
'img_523283257',
'ZY_HOMEIMG_0',
'ZY_HOMEIMG_2',
'ZY_JiaTuoXinCai_0_en',
'bg_1',
'bg_2',
'bg_3',
'bg_4',
'ZY_DianHua_79_en',
'ZY_YouXiang_81_en',
'ZY_DiZhiZhangShaShi_83_en',
'ZY_JiaTuoKeJiFaZhan_84_en',
'ZY_HOMEIMG_111'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>佳拓新材</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gt/mobile/css/swiper.min.css"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/gt/mobile/css/animate.min.css"> 
  <script src="http://hwfile.jyymatrix.cc/gt/mobile/js/swiper.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/gt/mobile/js/swiper.animate.min.js"></script> 
  <style>*{ margin:0; padding:0; } html,body{ height:100%; } body{ font-family:"microsoft yahei"; } .swiper-container { width: 100%; height: 100%; background:#000; } img{ display:block; } .swiper-pagination-bullet-active { opacity: 1; } @-webkit-keyframes start { 0%,30% {opacity: 0;-webkit-transform: translate(0,10px);} 60% {opacity: 1;-webkit-transform: translate(0,0);} 100% {opacity: 0;-webkit-transform: translate(0,-8px);} } @-moz-keyframes start { 0%,30% {opacity: 0;-moz-transform: translate(0,10px);} 60% {opacity: 1;-moz-transform: translate(0,0);} 100% {opacity: 0;-moz-transform: translate(0,-8px);} } @keyframes start { 0%,30% {opacity: 0;transform: translate(0,10px);} 60% {opacity: 1;transform: translate(0,0);} 100% {opacity: 0;transform: translate(0,-8px);} } .ani{ position:absolute; } .txt{ position:absolute; } .ys{ padding-left: 0.25rem; font-size:0.2rem;color:#FCFDFE;font-family:Lantinghei SC; } .co_e5{ color:#E5F3FF;font-size:0.14rem;padding-left: 0.25rem; } .bg_img{ width:100%; height: 100%; } .index_bg_1{  -webkit-background-size: 100%; background-size: 100% 100%; } .header{ height: 0.48rem; width:100%; background: #FFFFFF; position: fixed; z-index: 99; background:linear-gradient(180deg,rgba(67,109,200,1) 0%,rgba(75,148,238,1) 100%,rgba(106,166,234,0) 100%); } .flex_bet{ display: flex; justify-content: space-between; } .flex_align{ display: flex; align-items: center; } .logo{ width:57%; font-size:0.18rem; font-family:PingFangSC-Semibold,PingFang SC; font-weight:400; color:#FFFFFF;  } .router{ margin-left: 10%; /* width: 50%; */ display: flex; } .routerItem{ width:140px !important; height:80px; text-align: center; line-height: 80px; cursor: pointer; margin-left: 60px; } .flex{ display: flex; } .check{ width:140px; height:80px; text-align: center; margin-left: 60px; margin-right: 60px; } .pointer{ cursor: pointer; } .plpr5{ padding-left: 5px; padding-right: 5px; } .checked{ color:#0F62C8 } .routerItem:hover{ background-color: #1065C6; color:#fff; } .active{ background-color: #1065C6; color:#fff; height:80px } .index_bg_2{ background-image: url('${bg_2.adImg}') ; position: relative; -webkit-background-size: 100%; background-size: auto 100%; } .positions{ position: absolute; width:100%; height:0.55rem; bottom:0px; display: flex; justify-content: space-between; } .bottomBlock{ background:rgba(16,101,198,1); opacity:0.88; text-align: center; line-height: 0.55rem; color:#fff; font-size:0.14rem; font-family:PingFang SC; cursor: pointer; } .bottomBlock:hover{ background:rgba(16,101,198,1); opacity:0.42; } .bottomBlocks{ background:rgba(16,101,198,1); opacity:0.88; text-align: center; line-height: 0.55rem; color:#fff; font-size:0.14rem; font-family:PingFang SC; cursor: pointer; } .bottomBlocks:hover{ background:rgba(16,101,198,1); opacity:0.42; } .index_bg_3{ background-image: url('${bg_1.adImg}') ; position: relative; -webkit-background-size: 100%; background-size: auto 100%; } .w_33{ width:33.1%; } .w_25{ width:24.6% } .index_bg_4{ background-image: url('${bg_3.adImg}') ; position: relative; -webkit-background-size: 100%; background-size: auto 100%; } .index_bg_5{ background-image: url('${bg_4.adImg}') ; position: relative; -webkit-background-size: 100%; background-size: auto 100%; } .positionsRight{ position: relative; display: flex; justify-content: center; padding-top:62%; margin-top: 1.57rem; width:100%; } .positionsLeft{ position: relative; display: flex; justify-content: center; top:35%; } .positionsLefts{ position: relative; display: flex; justify-content: center; top:35%; } .ft48{ font-size: 0.24rem; color:#fff; padding-left: 0.2rem; } .ft36{ font-size:0.18rem; font-family:PingFang SC; font-weight:400; color:#fff; padding-left: 0.2rem; } .ft24{ font-size:0.16rem; font-family:PingFang SC; font-weight:400; color:rgba(111,184,244,1); display: block; } .w305{ width:1.9rem } .w405{ width:2.9rem } .pl122{ padding-left: 0.2rem; margin-top:0.5rem } .w580{ width:1.6rem; } .footer{ background:rgba(255,255,255,0.8); position: absolute; width:100%; height:0.7rem; bottom:0px; display: flex; justify-content: center; } .co_fff{ color:#fff; } .w_80{ width:80% } .warpMask{ height:100%; width:100%; background: rgba(0,0,0,.8); } .imgPic{ width:3.14rem; height:2.03rem; } .smallImg{ width:1.7rem; height:1.3rem } .ml30{ margin-left: 30px; } .w25h12{ width:0.15rem; height:0.12rem; position:relative; left:0.4rem } .w20h12{ width:0.1rem; height:0.12rem; position:relative; left:0.42rem } .ml5{ margin-left: 5px; font-size: 0.12rem; color:#333333; transform: scale(0.75); width:2rem; position:relative; left:0.2rem; } .ml_5{ margin-left: 5px; font-size: 0.12rem; color:#333333; transform: scale(0.75); width:2.3rem; position:relative; left:0.2rem; } .pr2{ padding-right: 0.2rem; } .ft12{ font-size: 0.18rem; } .menu{ width:0.17rem; height:0.01rem; display: inline-block; background: #fff; } .mt_5{ margin-top: 0.05rem; } .flex_column{ display: flex; flex-direction: column; } .lang{ font-size:0.12rem; color:#fff; } .pr_4{ padding-right: 0.4rem; } .w_50{ width:50%; }
  .logo_img{
      width: 0.31rem;
      object-fit: contain;
      padding-left: 0.3rem;
  }
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <div class="header flex_bet flex_align">
      <img src="${ZY_HOMEIMG_111.adImg}" resize alt="" class="logo_img" data-type="ad" data-id="${ZY_HOMEIMG_111.adId}">

      <div class="logo zy" data-type="ad" data-id="${ZY_JiaTuoXinCai_0.adId}">
    ${ZY_JiaTuoXinCai_0_en.adTitle}
   </div> 
   <div class="pr2 ft12 flex_align"> 
    <div class="lang zy" id = "cn" data-type="ad" data-id="${ZY_ZhongWen_1.adId}">
     ${ZY_ZhongWen_1.adTitle}
    </div> 
    <div class="lang zy" data-type="ad" data-id="${ZY_2_2.adId}">
     &nbsp;${ZY_2_2.adTitle}&nbsp;
    </div> 
    <div class="lang zy"  data-type="ad" data-id="${nglis_3.adId}">
     ${nglis_3.adTitle}
    </div> 
   </div> 

  </div> 
  <div class="swiper-container"> 
   <div class="swiper-wrapper"> 
    <section class="swiper-slide swiper-slide1 index_bg_1">
     <img src="${ZY_HOMEIMG_0.adImg}" alt="">
     <div class="ys ani resize zy" style="top:1.2rem;left:.2rem" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_BingChengGongJiangJingShen_4.adId}">
      ${ZY_BingChengGongJiangJingShen_7_en.adTitle}
     </div> 
     <div class="co_e5 ani resize zy" style="top:1.7rem;left:0.2rem" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" data-type="ad" data-id="${ZY_TiGongQuanFangWeiQing_5.adId}">
      ${ZY_TiGongQuanFangWeiQing_8_en.adTitle}
     </div> 
     <div class="co_e5 ani resize zy" style="top:1.9rem;left:0.2rem" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s" id="banner1" data-type="ad" data-id="${ZY_XinXingGaoQiangXiTu_6.adId}">
      ${ZY_XinXingGaoQiangXiTu_9_en.adTitle}
     </div> 
    </section> 
    <section class="swiper-slide swiper-slide2 index_bg_2">
     <cms:ad var="frame" code="frame_m_en"></cms:ad>
     <c:forEach items="${frame }" var="item">
     <div style="display: none;" class="warpMask"> 
      <div class="ys ani resize zy" style="top:1.2rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_FuHeBan_7.adId}">
        ${item.adTitle}
      </div> 
      <div class="ys ani resize zy" style="top:5rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="2.0s" swiper-animate-delay="1s" data-type="ad" data-id="${ZY_FuHeBan_8.adId}">
        ${item.adInfo3}
      </div> 
      <div class="co_e5 ani resize zy" style="top:5.5rem;width:2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" data-type="ad" data-id="${ZY_JuYouGaoQiangQing_9.adId}">
        ${item.adInfo2}
      </div> 
      <div class="positionsLeft"> 
       <img src="${item.adImg}" alt="" class="imgPic zy" data-type="ad" data-id="${img_10.adId}">
      </div> 
     </div>
     </c:forEach>

     <div class="positions">
      <c:forEach items="${frame }" var="item">
       <div class="bottomBlock w_33" data-imgsrc="${item.adInfo6}" data-type="ad"
            data-id="${ZY_FuHeBan_19.adId}">
         ${item.adInfo3}
       </div>
      </c:forEach>
     </div> 
    </section> 
    <section class="swiper-slide swiper-slide3 index_bg_3">
     <cms:ad var="car" code="car_m_en"></cms:ad>
     <c:forEach items="${car }" var="item">

      <div style="display: none;" class="warpMask">
       <div class="ys ani resize zy" style="top:1.2rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_FangZhuangLiang_22.adId}">
         ${item.adTitle}
       </div>
       <div class="ys ani resize zy" style="top:5rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="2.0s" swiper-animate-delay="1s" data-type="ad" data-id="${ZY_FangZhuangLiang_23.adId}">
         ${item.adInfo3}
       </div>
       <div class="co_e5 ani resize zy" style="top:5.5rem;width:2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" data-type="ad" data-id="${ZY_KangLa_24.adId}">
         ${item.adInfo2}
       </div>
       <div class="positionsLeft">
        <img src="${item.adImg}" alt="" class="imgPic zy" data-type="ad" data-id="${img_25.adId}">
       </div>
      </div>
     </c:forEach>

     <div class="positions">
      <c:forEach items="${car }" var="item">

       <div class="bottomBlockTwo bottomBlocks w_25 zy" data-imgsrc="${item.adInfo6}" data-type="ad" data-id="${ZY_FangZhuangLiang_34.adId}">
         ${item.adInfo3}
       </div>
      </c:forEach>
     </div> 
    </section>


    <section class="swiper-slide swiper-slide5 index_bg_5">
     <cms:ad var="electronic" code="electronic_m_en"></cms:ad>
     <c:forEach items="${electronic }" var="item">
      <div style="display: none;" class="warpMask">
       <div class="ys ani resize zy" style="top:1.2rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_ShouJiZhongKuang_42.adId}">
         ${item.adTitle}
       </div>
       <div class="ys ani resize zy" style="top:5rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="2.0s" swiper-animate-delay="1s" data-type="ad" data-id="${ZY_ShouJiZhongKuang_43.adId}">
         ${item.adInfo3}
       </div>
       <div class="co_e5 ani resize zy" style="top:5.5rem;width:2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" data-type="ad" data-id="${ZY_KangLa_44.adId}">
         ${item.adInfo2}
       </div>
       <div class="positionsLeft">
        <img src="${item.adImg}" alt="" class="imgPic zy" data-type="ad" data-id="${img_45.adId}">
       </div>
      </div>
     </c:forEach>


     <div class="positions">
      <c:forEach items="${electronic }" var="item">
       <div class="bottomBlockFour bottomBlocks w_25 zy" data-imgsrc="${item.adInfo6}" data-type="ad" data-id="${ZY_ShouJiZhongKuang_65.adId}">
         ${item.adInfo3}
       </div>
      </c:forEach>
     </div> 
    </section> 
    <section class="swiper-slide swiper-slide4 index_bg_4">

     <cms:ad var="ship" code="ship_m_en"></cms:ad>
     <c:forEach items="${ship }" var="item">
     <div style="display: none;" class="warpMask"> 
      <div class="ys ani resize zy" style="top:1.2rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_ChuanJianXingYe_62.adId}">
        ${item.adTitle}
      </div>
      <div class="ys ani resize zy" style="top:4.5rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="2.0s" swiper-animate-delay="1s" data-type="ad" data-id="${ZY_ShouJiZhongKuang_43.adId}">
        ${item.adInfo3}
      </div>
      <div class="co_e5 ani resize zy" style="top:5rem;width:2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s" data-type="ad" data-id="${ZY_XinXingXiTuLvHe_63.adId}">
        ${item.adInfo2}
      </div> 
      <div class="positionsLefts flex"> 
       <img src="${item.adImg}" alt="" class="smallImg zy" data-type="ad" data-id="${img_64.adId}">
       <img src="${item.adInfo5}" alt="" class="smallImg ml30 zy" data-type="ad" data-id="${img_65.adId}">
      </div> 
     </div>
     </c:forEach>


     <div class="positions">
      <c:forEach items="${ship }" var="item">

       <div class="bottomBlocks bottomBlockThree w_33 zy" data-imgsrc="${item.adInfo6}" data-type="ad" data-id="${ZY_ChuanJianXingYe_50.adId}">
         ${item.adTitle}
       </div>
      </c:forEach>

     </div> 
    </section> 
    <section class="swiper-slide swiper-slide1 index_bg_1">
     <img src="${ZY_HOMEIMG_2.adImg}" alt="" style="position: absolute;">
     <div class="flex"> 
      <div style="width:100%">
       <div class="ft48 ani resize zy" style="top:0.7rem;" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0s" data-type="ad" data-id="${ZY_XinXingGaoQiangXiTu_77.adId}">
        ${ZY_XinXingGaoQiangXiTu_69_en.adTitle}
       </div>
          <div>
              <div>
                  <div class="ani resize " swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                      <div class="flex w580">
                          <span class="ft36 zy" data-type="ad" data-id="${ZY_GaoBiQiangDu_70_en.adId}">${ZY_GaoBiQiangDu_70_en.adTitle}</span>
                      </div>

                      <div class="ani resize pl122" style="top:0" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                          <div class="flex w580">
                              <span class="ft24 w305 zy" data-type="ad" data-id="${ZY_MiDu_72_en.adId}">${ZY_MiDu_72_en.adTitle}</span>

                          </div>
                      </div>
                  </div>

                  <div>
                      <div class="ani resize " style="margin-left:40%;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                          <div class="flex w580">
                              <span class="ft36 zy" data-type="ad" data-id="${ZY_JiaGongXingNeng_71_en.adId}">${ZY_JiaGongXingNeng_71_en.adTitle}</span>
                          </div>

                          <div class="ani resize pl122" style="top:0" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                              <div class="flex w580">
                                  <span class="ft24 zy" data-type="ad" data-id="${ZY_JiYaXiShu_73_en.adId}">${ZY_JiYaXiShu_73_en.adTitle}</span>
                              </div>
                          </div>

                      </div>

                  </div>


                  <div>

                      <div>
                          <div class="ani resize " style="top:36%;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                              <div class="flex w580">
                                  <span class="ft36 zy" data-type="ad" data-id="${ZY_HanJieXiShu_74_en.adId}">${ZY_HanJieXiShu_74_en.adTitle}</span>
                              </div>

                              <div class="ani resize pl122" style="top:0;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                                  <div class="flex w580">
                                      <span class="ft24 w305 zy" data-type="ad" data-id="${ZY_HanJieXiShu_76_en.adId}">${ZY_HanJieXiShu_76_en.adTitle}</span>

                                  </div>
                              </div>

                          </div>

                          <div>
                              <div class="ani resize " style="top:36%;margin-left:40%;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                                  <div class="flex w580">
                                      <span class="ft36 zy" data-type="ad" data-id="${ZY_ZheSeXingNeng_75_en.adId}">${ZY_ZheSeXingNeng_75_en.adTitle}</span>
                                  </div>

                                  <div class="ani resize pl122" style="top:0;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                                      <div class="flex w580">
                                          <span class="ft24 zy" data-type="ad" data-id="${ZY_YangJiYangHuaWei_77_en.adId}">${ZY_YangJiYangHuaWei_77_en.adTitle}</span>
                                      </div>
                                  </div>

                              </div>

                          </div>

                      </div>


                  </div>


       <%--<div class="ani resize " style="top:1.2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"> --%>
        <%--<div class="flex w580"> --%>
         <%--<span class="ft36 zy" data-type="ad" data-id="${ZY_GaoBiQiangDu_78.adId}">${ZY_GaoBiQiangDu_70_en.adTitle}</span>--%>
         <%--<span style="padding-left: 1.2rem;" class="ft36 zy" data-type="ad" data-id="${ZY_JiaGongXingNeng_79.adId}">${ZY_JiaGongXingNeng_71_en.adTitle}</span>--%>
        <%--</div> --%>
       <%--</div> --%>
       <%--<div class="ani resize pl122" style="top:1rem;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"> --%>
        <%--<div class="flex w580"> --%>
         <%--<span class="ft24 w305 zy" data-type="ad" data-id="${ZY_MiDu_80.adId}">${ZY_MiDu_72_en.adTitle}</span>--%>
         <%--<span class="ft24 zy" data-type="ad" data-id="${ZY_JiYaXiShu_81.adId}">${ZY_JiYaXiShu_73_en.adTitle}</span>--%>
        <%--</div> --%>
       <%--</div> --%>
       <%--<div class="ani resize flex_bet" style="top:2rem;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"> --%>
        <%--<div class="flex w580"> --%>
         <%--<span class="ft36 zy" data-type="ad" data-id="${ZY_HanJieXiShu_82.adId}">${ZY_HanJieXiShu_74_en.adTitle}</span>--%>
         <%--<span style="padding-left: 1.2rem;" class="ft36 zy" data-type="ad" data-id="${ZY_ZheSeXingNeng_83.adId}">${ZY_ZheSeXingNeng_75_en.adTitle}</span>--%>
        <%--</div> --%>
       <%--</div> --%>
       <%--<div class="ani resize pl122" style="top:1.8rem;" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"> --%>
        <%--<div class="flex w580"> --%>
         <%--<span class="ft24 w305 zy" data-type="ad" data-id="${ZY_HanJieXiShu_84.adId}">${ZY_HanJieXiShu_76_en.adTitle}</span>--%>
         <%--<span class="ft24 zy" data-type="ad" data-id="${ZY_YangJiYangHuaWei_85.adId}">${ZY_YangJiYangHuaWei_77_en.adTitle}</span>--%>
        <%--</div> --%>
       <%--</div> --%>

      </div>
      <div class="footer">
       <div class="">
        <div class="flex_bet co_fff" style="padding-top:0.05rem;">
         <div class="flex_align">
          <img src="${img_75754326.adImg}" alt="" class="w25h12">
          <div class="ml5" style="width:2.1rem;">${ZY_DianHua_79_en.adTitle}</div>
         </div>
         <div class="flex_align">
          <img src="${img_178293374.adImg}" alt="" class="w25h12">
          <div class="ml5">${ZY_YouXiang_81_en.adTitle}</div>
         </div>
        </div>
        <div class="flex_align mt_5">
         <img src="${img_617616386.adImg}" alt="" class="w20h12">
         <div class="ml_5" style="width: 3rem;    margin-left: 0px;">${ZY_DiZhiZhangShaShi_83_en.adTitle}</div>
        </div>
        <div style="text-align: center;padding-top: 0.05rem;color:#999999;font-size: 0.12rem;">${ZY_JiaTuoKeJiFaZhan_84_en.adTitle}</div>
       </div>

      </div>
      <div class="positionsRight"> 
       <img src="${img_88.adImg}" alt="" class="imgPic zy" data-type="ad" data-id="${img_88.adId}"> 
      </div> 
     </div> 
    </section> 
   </div> 
   <div class="swiper-pagination"></div> 
  </div> 
  <script>  
// var scaleW=document.documentElement.clientWidth
// var scaleH=document.documentElement.clientHeight
var resizes = document.querySelectorAll('.resize');
    for (var j=0; j<resizes.length; j++) {
      // resizes[j].style.width=parseInt(scaleW)+'px'
      // resizes[j].style.height=parseInt(scaleH)+'px'
  }
  var mySwiper = new Swiper ('.swiper-container', {
   direction : 'vertical',
   pagination: '.swiper-pagination',
  //virtualTranslate : true,
   mousewheelControl : true,
   onInit: function(swiper){
    swiperAnimateCache(swiper);
    swiperAnimate(swiper);
	},
  onSlideChangeEnd: function(swiper){
    // if(swiper.activeIndex==0){
    //   document.getElementsByClassName('routerItem')[0].classList.add("active");
    //   document.getElementsByClassName('routerItem')[1].classList.remove("active");
    //   document.getElementsByClassName('routerItem')[2].classList.remove("active");
    // } else if (swiper.activeIndex>0&&swiper.activeIndex<5){
    //   document.getElementsByClassName('routerItem')[1].classList.add("active");
    //   document.getElementsByClassName('routerItem')[0].classList.remove("active");
    //   document.getElementsByClassName('routerItem')[2].classList.remove("active");
    // } else {
    //   document.getElementsByClassName('routerItem')[2].classList.add("active");
    //   document.getElementsByClassName('routerItem')[0].classList.remove("active");
    //   document.getElementsByClassName('routerItem')[1].classList.remove("active");
    // }
	  swiperAnimate(swiper);
  },
	onTransitionEnd: function(swiper){
	  swiperAnimate(swiper);
  },
	watchSlidesProgress: true,
  onProgress: function(swiper){
        for (var i = 0; i < swiper.slides.length; i++){
          var slide = swiper.slides[i];
          var progress = slide.progress;
          var translate = progress*swiper.height/4;  
          scale = 1 - Math.min(Math.abs(progress * 0.5), 1);
              var opacity = 1 - Math.min(Math.abs(progress/2),0.5);
              slide.style.opacity = opacity;
          es = slide.style;
          es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,'+translate+'px,-'+translate+'px) scaleY(' + scale + ')';
        }
      },
	onSetTransition: function(swiper, speed) {
      for (var i = 0; i < swiper.slides.length; i++){
        es = swiper.slides[i].style;
        es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';
      }
    },
  })   
  // 绑定悬停事件 图1
  let hoverList=document.getElementsByClassName('bottomBlock')
  for (let i in hoverList){
    hoverList[i].onmouseover=function(){
      // this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+")"
      this.parentNode.parentNode.children[i].style='display:block';
        this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
    hoverList[i].onmouseout=function(){
     console.log(this.dataset.imgsrc);
      this.parentNode.parentNode.children[i].style='display:none'
      this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
  }
  // 绑定悬停事件 图2
  let hoverListTwo=document.getElementsByClassName('bottomBlockTwo')
  for (let i in hoverListTwo){
    hoverListTwo[i].onmouseover=function(){
      // this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+")"
      this.parentNode.parentNode.children[i].style='display:block';
        this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
    hoverListTwo[i].onmouseout=function(){
      this.parentNode.parentNode.children[i].style='display:none'
      this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
  }
  // 绑定悬停事件 图3
  let hoverListThree=document.getElementsByClassName('bottomBlockThree')
  for (let i in hoverListThree){
    hoverListThree[i].onmouseover=function(){
      // this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+")"
     this.parentNode.parentNode.children[i].style='display:block'
     this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
    hoverListThree[i].onmouseout=function(){
      this.parentNode.parentNode.children[i].style='display:none'
      this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
  }
  let hoverListFour=document.getElementsByClassName('bottomBlockFour')
  for (let i in hoverListFour){
    hoverListFour[i].onmouseover=function(){
      // this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+")"
      this.parentNode.parentNode.children[i].style='display:block';
      this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
    hoverListFour[i].onmouseout=function(){
      this.parentNode.parentNode.children[i].style='display:none'
      this.parentNode.parentNode.style="background:url("+this.dataset.imgsrc+");background-size: 100% 100%;"
    }
  }

  var cn = document.getElementById("cn");
   cn.onclick= function(){
   window.location.href='${path }/do/redirect/mobile/index';
  }
  </script> 
  <script src="http://hwfile.jyymatrix.cc/gt/mobile/js/rem.js"></script>   
 </body>
</html>